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"Tricks of the Trade" Host 


Alex M. Lehmann 

Art Director, Riot Games 
animator for 10+ years 


* 3 ® 



Riot Games, "League of Legends" 

Sony Imageworks, "Cloudy with a Chance of Meatballs" 
Microsoft, "Kodu" 

4 years of working in Commercials & Feature Film in Europe 
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Meet the panel 


SIMON UNGER 

AMY DROBECK- 

JEAN-DENIS HAAS 

Sr. Animator 

JONES 

Sr. Lead Animator 

Phoenix Labs 

Sr. Animator 
5 th Cell 

Industrial Light&Magic 


W5THCELL 

$ 

Industrial 

LIGHT&MAGIC 



BILLY HARPER 

Lead Animator 

Sucker Punch Studios 



SUCKER PUNCH 


JAY HOSFELT 

Lead Animator 
Epic Games 
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Why "Tricks of the Trade"? 








Got it... so, how does it work? 
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Tips to get the most out of this... 



NOTE TAKING 


ENJOY THE RIDE 


GDC VAULT 
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Trick #01 

Fixing repetitive animation loops 






Trick #01 - ABA vs ABCA 
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Trick #01 - ABA vs ABCA 


Riot Games, League of Legends 4* 



X>| | 


ABA ABCA 








Trick #02 - RESPONSIVE ANIMS 







Trick #02 - RESPONSIVE ANIMS 


IDLE ATTACK 





Trick #02 - RESPONSIVE ANIMS 


POSE 1 HIT ANTIC POSE 1 







Trick #02 - RESPONSIVE ANIMS 
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Trick #03 - LOOPING DENSE ANIMS 

Simulated chains in our game 







Trick #03 - LOOPING DENSE ANIMS 








Trick #03 - LOOPING DENSE ANIMS 


000000 


simulated loop 


loop with anim layer 


Riot Games, League of Legends 10 







SIMON UNGER 






Tip #01 - Force > Weight 



Direction of 
movement 


Center of mass 


Direction of force 
on body 


Contact point 
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Tip #02 - Use Metrics!! 





Tip #02 - Use Metrics!! 


20 % 


80 % 
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Tip #02 - Use Metrics!! 


20 % 80 % 


/ 

These need to be 
fully awesome 






Tip #02 - Use Metrics!! 


20 % 80 % 


/ 

These need to be 
fully awesome 


t 

These can just be 
pretty awesome 







Tip #02 - Use Metrics!! 


20 % 80 % 


/ 

These can be 
female 


t 

These can just be 
retargeted 
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Tip #02 - Use Metrics!! 
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Tip #02 - Use Metrics!! 


primary gameplay 
(win condition) 


everything else 





Tip #03 - Head Movement > Hip Movement! 






Tip #03 - Head Movement > Hip Movement! 






Tip #03 - Head Movement > Hip Movement! 






Tip #03 - Head Movement > Hip Movement! 






Tip #03 - Head Movement > Hip Movement! 










Amy Drobeck-Jones 



Senior Animator- 5 th Cell 
















Break It 


Smears and Multiples 






cv 
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Break It 




Bones, cartilage and ligaments- They can do a lot more than you expect 




IIIV 















Break It 


Intuitive Exaggeration 
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Keeping Track of Arcs 

Editable motion trails for checking cycles 
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Keeping Track of Arcs 

Editable motion trails for checking weapon arcs 







Simple Block-in and Layer Example 

4 Key frame sample with an animation layer to add finesse 



lllk 









That's all folks! 






JEAN-DENIS HAAS 









Trick #01 - HANDHELD CAMERA 





ANIMATION 

MV*JV»bootcamp 


#gdcanim 
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Trick #01 - HANDHELD CAMERA 



ANIMATION 

V*V*JV»BOOTCAMP 


#gdcanim 
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Trick #01 - Handheld Camera 
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Trick #02 - REDUCE BLUR 



ANIMATION 

MV*JV»BOOTCAMP 


#gdcanim 







Trick #02 - REDUCE BLUR 



ANIMATION 

V*V*JV»BOOTCAMP 


#gdcanim 
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Trick #03 - ACT/SOUND IT OUT 



ANIMATION 

V*V*JV»BOOTCAMP 


#gdcanim 





Trick 


GDC 


ANIMATION 

BOOTCAMP 


#03 - ACT/SOUND IT OUT 



#gdcanim 









Trick #03 - ACT/SOUND IT OUT 



ANIMATION 

VlwViBOOTCAMP 


#gdcanim 











Trick #1 - SIMPLE RE-TARGETING 


USE ONE ANIMATION LAYER AND YOUR OWN ANIMATOR'S SENSE OF 

POSING TO "RETARGET" MOCAP 


• Pick an important frame where 
registration is critical 

• Put all your controls on one animation 
layer 

• Re-pose your character on that one 
frame. 

• Sometimes it requires multiple frames, 
but I've been amazed at how many 
times it just requires one. 










Trick #2 - Cleaning Up Data 

MOTION PATHS+CONTROL RIG=GOODNESS 


• Use for Cleaning up Ugly Mocap Data 

• Good for Multi-Person Heavy Contact 
Data 

• More Intuitive than Motion Trails 

• Better for Visualizing Arcs 

• Easy to Write Tools to Automate 



No School 


the Old School! 
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Trick #3- Fresh Eyes 


See Your Animation With Fresh Eyes 


• Flip your play blast horizontally and also play 
your animations backwards to get a fresh/new 
perspective on your animation. 

• Use the 7 key to view the silhouette of your 
pose. This is especially helpful for game 
animation where you can't predict HOW the 
viewer will see your poses. 







OMonty 
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JAY HOSFELT 

sr @HosFross 
















Trick #1 - Getting a manageable 
workflow for dense animation 
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1. Select Controls 

2. Create Anim 
Layer 

3. Set to Override 

4. Set Weight to 0 

5. Set keys you 
want. 

6. Set weight to 1 

7. Review anim 

8. Rinse repeat 



Thanks Brad!! 
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Trick #2 - Upper-body animation 

Problem: Designers like the fast input speed and freedom of 
upper body animations, but it looks ugly. 
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Trick #2 - Upper-body animation 


Solution: Counter-rotate strafe animations so hips can 
swivel while still running the same direction. 
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Trick #2 - Upper-body animation 


Solution: Combine the new lower hips with the upperbody 






Trick #3- Back it out the right way 

Many games need "in place" cycles. 
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Trick #3- The wrong way 

Many times animators delete the curve on the forward axis. 







Trick #3- Back it out the right way 

Subtract the trajectory your game engine will add. 







Trick #3- Back it out the right way 

What's left is the natural variance of forward and back 

motion. 
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WANT MOAR? SPEEDROUNDUU 







GDC 


GAME DEVELOPERS CONFERENCE March 14-I8 f 2016 Expo: March 16-18, 2016 #GDC16 


SPEEDUP #01 - ALEX 







Speedround Tip #02 - Use geometry in your scene for reference! 






SPEED TIP #03 - JD 



ANIMATION 

VlwViBOOTCAMP 


#gdcanim 
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Speedtip #04 

• When optimizing 
bone chains for 
dangly bits, cloth, 
etc. use golden ratio 
type placement 
rather than 
equidistant bone 
lengths. 



16-18,2016 #GDC16 




GDC 


GAME DEVELOPERS CONFERENCE March 14-I8 f 2016 Expo: March 16-18, 2016 #GDC16 


SPEEDUP #05 - ALEX 


PUT IT IN THE GAME! 








Speedround Tip #06 - Learn to code! 







SPEEDUP #07 - JD 



ANIMATION 

VVVJV»BOOTCAMP 


#gdcanim 
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Speedtip #08 


• Use things like Alembic/GPU cache to bring in reference 
animations. It beats referencing in expensive rigs. 








SPEEDUP #09 - ALEX 






SPEEDTLP #10 - JD 



ANIMATION 

VlwViBOOTCAMP 


#gdcanim 
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S PEE DJI P #11 - ALEX 







SPEEDUP #12 - JD 



ANIMATION 

VlwViBOOTCAMP 


#gdcanim 





